<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../public.css">
		<link rel="stylesheet" href="./创建售后日志信息.css">
	</head>
	<body>
		<header>
			<nav>
				<div class="logo">
					<span>客户资源信息</span>管理后台
				</div>
				<ul class="management">
					<li><span>&#xe661;</span>权限管理</li>
					<li><span>&#xe659;</span>用户列表</li>
					<li><span>&#xe68d;</span>系统日志</li>
				</ul>
				<ul class="management">
					<li><span class="ponum">&#xe65f;</span>在线人数</li>
					<li class="msgbtn">
						<span class="message">&#xe650;</span>系统消息
						<div class="newmsg" id="newmsg">
							<div><span>最新消息</span><span class="down">&#xe600;</span></div>
							<ul>
								<li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
							</ul>
						</div>
					</li>
					<li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
				</ul>
			</nav>
		</header>
		<div class="bigbox">
			<div class="sidebar">
				<ul>
					<li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
					<li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
					<li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
					<li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
					<li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
					<li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
					<li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
					<li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
				</ul>
			</div>
			<div class="box-right">
				<div class="rig-con">
					<h3 class="h2">创建售后日志信息</h3>
					<p class="p1">售后日志基本信息 <span style="float: right;">注：带有“*”必填项</span></p>
					<section class="incon">
						<label for="#i1">售后标题:</label><input type="text" id="i1" placeholder="请输入简洁标题名"><span
							style="color: red;">*</span>
						<br>
						<label>机构名称:</label><input type="text"><p class="chaxun">查询</p>
						<br>
						<label>省份:</label>
						<select id="s_province" name="s_province"></select><span style="color: red;">*</span>
						<select style="display: none;" id="s_county" name="s_county"></select>
						<br>
						<label>市名:</label><select id="s_city" name="s_city">市</select><span
							style="color: red;">*</span> 
						<br>
						<label>联系人:</label><input type="text"><span style="color: red;">*</span>
						<br>
						<label>售后类型:</label>
						<select name="" id="">
							<option value="售后处理">售后处理</option>
							<option value="">培训推广</option>
							<option value="">其他</option>
						</select><span style="color: red;">*</span>
						<br>
						<label style="vertical-align: 70px;">售后内容:</label>
						<textarea rows="6" cols="50"></textarea>
						<br>
						<label>产品类别:</label>
						<select name="" id="">
							<option value="">博看专区</option>
							<option value="">触摸屏</option>
							<option value="">手机APP</option>
							<option value="">微刊</option>
						</select><span style="color: red;">*</span>
						<br>
						<label>产品状态:</label>
						<select name="" id="">
							<option value="">未开通</option>
							<option value="">开通</option>
							<option value="">试用</option>
							<option value="">正式使用</option>
						</select><span style="color: red;">*</span>
						<br>
						<label>重要级别:</label>
						<select name="" id="">
							<option value="">一般</option>
							<option value="">重要</option>
							<option value="">非常重要</option>
						</select><span style="color: red;">*</span>
						<br>
						<label>处理状态:</label>
						<select name="" id="">
							<option value="">未处理</option>
							<option value="">处理中</option>
							<option value="">已处理</option>
						</select><span style="color: red;">*</span>
						<br>
						<label for="">关注者:</label>
						<input type="text">
						<p class="byu">+</p>
						<span class="p11">（点蓝色按钮增加关注者方框，在框中填写关注者姓名</span>
						<br>
						<label for="">处理部门:</label>
						<input class="check" type="checkbox"><span>技术部</span>
						<input class="check" type="checkbox"><span>资源部</span>
						<input class="check" type="checkbox"><span>制作部</span>
						<input class="check" type="checkbox"><span>实施部</span>
						<input class="check" type="checkbox"><span>设计部</span>
						<input class="check" type="checkbox"><span>产品部</span>
						<span style="color: red;">*</span>
						<br>
						<label for="">处理者:</label>
						<input type="text">
						<br>
						<label for="">结束日期:</label>
						<input type="date">
						<p class="anp">
							<button>确定</button>
							<button>取消</button>
						</p>
					</section>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.js"></script>
		<script src="./area.js"></script>
		<script type="text/javascript">
			_init_area();
		</script>
		<script>
			let msgbtn = document.querySelector('.msgbtn')
			let down = document.querySelector('.down')
			let newmsg = document.querySelector('.newmsg')

			down.onclick = function(e) {
				newmsg.style.display = 'none'
				e.stopPropagation()
			}
			msgbtn.onclick = function() {
				newmsg.style.display = 'block'
			}
			
		</script>
	</body>
</html>
